#StatusBar {
  --pane-disk-icon: url();
}

#meter-disk-pane .icon {
  background-image: var(--pane-disk-icon);
}
#meter-disk-holder {
  border: inset 1px #BBBBBB;
  position: relative;
  height: 18px;
}
#meter-disk-value {
  height: 100%;
}
#meter-disk-text {
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  height: 100%;
}

/* Custom break point settings for responsiveness */

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */
/* Custom rules for x-small devices */
#meter-disk-holder {
  width: 50px;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  /* Custom rules for large devices */
  #meter-disk-holder {
    width: 100px;
  }
}
